<template>
  <div class="tip">
        <mt-header fixed title="详细信息">
            <router-link to="/news/newsIfo" slot="left">
                <mt-button icon="back">返回</mt-button>
            </router-link>
            <mt-button icon="more" slot="right"></mt-button>
        </mt-header>
        <!--页面详情页-->
        <div v-for="(x,index) in list" :key="index" class="list">
            <h1 v-html="x.title"></h1>
            <div class="dat">
                <span>{{x.add_time | datefmate("YYYY-MM-DD")}}</span>
                <span v-text="x.click + '次浏览'"></span>
            </div>
            <p v-html="x.content"></p>
        </div>
        <commt :val="id"></commt> <!--这里的val是子组件props[]中定义的值。-->
  </div>
</template>

<script>
import apiName from "../../kits/common.js"; //引入公共域名
import commt from "../subcom/component.vue"; //引入子组件
    export default {
        components:{ //注意：要在父组件中使用子组件必须要先注册。
            "commt": commt //可以用es6中的语法简写成commt.
        },
        data(){
            return {
                id:"",
                list:[]
            }
        },
        created(){
            this.getData();
        },
        methods:{
            getData(){
                this.id = this.$route.params.item;
                const url = apiName.domainName + "/api/getnew/" + this.id;//确定url地址
                this.$http.get(url).then(function(response){
                    const data = response.body;
                    this.list = data.message;
                })
            }
        }
    }
</script>

<style scoped>
    .list {
        padding: 5px;
    }
    .list h1:first-of-type {
        font-size: 20px;
        color: orangered;
    }
    .dat span {
        color: rgba(0, 0, 0, 0.5);
    }
</style>
